<!doctype html>
<html class="no-js" lang="en">
	<head>
		<meta charset="utf-8">
		<meta http-equiv="x-ua-compatible" content="ie=edge">
		<title>My Account || Hurst</title>
		<meta name="description" content="Hurst – Furniture Store eCommerce HTML Template is a clean and elegant design – suitable for selling flower, cookery, accessories, fashion, high fashion, accessories, digital, kids, watches, jewelries, shoes, kids, furniture, sports….. It has a fully responsive width adjusts automatically to any screen size or resolution.">
		<meta name="viewport" content="width=device-width, initial-scale=1">

		<link rel="shortcut icon" type="image/x-icon" href="assets/picture/favicon.ico">
		<!-- Place favicon.ico in the root directory -->
		
		<!-- Google Font -->
		<link href='https://fonts.googleapis.com/css?family=Lato:400,700,900' rel='stylesheet' type='text/css'>
		<link href='https://fonts.googleapis.com/css?family=Bree+Serif' rel='stylesheet' type='text/css'>

		<!-- all css here -->
		<!-- bootstrap v3.3.6 css -->
		<link rel="stylesheet" href="assets/css/bootstrap.min.css">
		<!-- animate css -->
		<link rel="stylesheet" href="assets/css/animate.min.css">
		<!-- jquery-ui.min css -->
		<link rel="stylesheet" href="assets/css/jquery-ui.min.css">
		<!-- meanmenu css -->
		<link rel="stylesheet" href="assets/css/meanmenu.min.css">
		<!-- nivo-slider css -->
		<link rel="stylesheet" href="assets/css/nivo-slider.css">
		<link rel="stylesheet" href="assets/css/preview.css">
		<!-- slick css -->
		<link rel="stylesheet" href="assets/css/slick.min.css">
		<!-- lightbox css -->
		<link rel="stylesheet" href="assets/css/lightbox.min.css">
		<!-- material-design-iconic-font css -->
		<link rel="stylesheet" href="assets/css/material-design-iconic-font.css">
		<!-- All common css of theme -->
		<link rel="stylesheet" href="assets/css/default.css">
		<!-- style css -->
		<link rel="stylesheet" href="assets/css/style.min.css">
        <!-- shortcode css -->
        <link rel="stylesheet" href="assets/css/shortcode.css">
		<!-- responsive css -->
		<link rel="stylesheet" href="assets/css/responsive.css">
		<!-- modernizr css -->
		<script src="assets/js/modernizr-3.11.2.min.js"></script>
	</head>
	<body>	
		<!-- WRAPPER START -->
		<div class="wrapper bg-dark-white">

			<!-- HEADER-AREA START -->
			<header id="sticky-menu" class="header header-2">
				<div class="header-area">
					<div class="container-fluid">
						<div class="row">
							<div class="col-md-4 offset-md-4 col-7">
								<div class="logo text-md-center">
									<a href="index.html"><img src="assets/picture/logo.png" alt=""></a>
								</div>
							</div>
							<div class="col-md-4 col-5">

							</div>
						</div>
					</div>
				</div>
				<!-- MAIN-MENU START -->
				<div class="menu-toggle menu-toggle-2 hamburger hamburger--emphatic d-none d-md-block">
					<div class="hamburger-box">
						<div class="hamburger-inner"></div>
					</div>
				</div>
				<div class="main-menu  d-none d-md-block">
					<nav>
						<ul>
							<li><a href="index.html">主页</a></li>
							<li><a href="shop.html">商品</a>
							</li>
							<li><a href="cart.html">购物车</a>
							</li>
							<li><a href="my-account.html">个人信息</a></li>

							<li><a href="about.html">关于我们</a></li>
							<li><a href="contact.html">导航</a></li>
						</ul>
					</nav>
				</div>
				<!-- MAIN-MENU END -->
			</header>
			<!-- HEADER-AREA END -->
			<!-- Mobile-menu start -->
<!--			<div class="mobile-menu-area">-->
<!--				<div class="container-fluid">-->
<!--					<div class="row">-->
<!--						<div class="col-xs-12 d-block d-md-none">-->
<!--							<div class="mobile-menu">-->
<!--								<nav id="dropdown">-->
<!--									<ul>-->
<!--										<li><a href="index.html">home</a>-->
<!--											<ul>-->
<!--												<li><a href="index.html">Home Version 1</a></li>-->
<!--												<li><a href="index-2.html">Home Version 2</a></li>-->
<!--											</ul>-->
<!--										</li>-->
<!--										<li><a href="shop.html">products</a></li>-->
<!--										<li><a href="shop-sidebar.html">accesories</a></li>-->
<!--										<li><a href="shop-list.html">lookbook</a></li>-->
<!--										<li><a href="blog.html">blog</a></li>-->
<!--										<li><a href="#">pages</a>-->
<!--											<ul>-->
<!--												<li><a href="shop.html">Shop</a></li>-->
<!--												<li><a href="shop-sidebar.html">Shop Sidebar</a></li>-->
<!--												<li><a href="shop-list.html">Shop List</a></li>-->
<!--												<li><a href="single-product.html">Single Product</a></li>-->
<!--												<li><a href="single-product-sidebar.html">Single Product Sidebar</a></li>-->
<!--												<li><a href="cart.html">Shopping Cart</a></li>-->
<!--												<li><a href="wishlist.html">Wishlist</a></li>-->
<!--												<li><a href="checkout.html">Checkout</a></li>-->
<!--												<li><a href="order.html">Order</a></li>-->
<!--												<li><a href="login.html">login / Registration</a></li>-->
<!--												<li><a href="">My Account</a></li>-->
<!--												<li><a href="404.html">404</a></li>-->
<!--												<li><a href="blog.html">Blog</a></li>-->
<!--												<li><a href="single-blog.html">Single Blog</a></li>-->
<!--												<li><a href="single-blog-sidebar.html">Single Blog Sidebar</a></li>-->
<!--												<li><a href="about.html">About Us</a></li>-->
<!--												<li><a href="contact.html">Contact</a></li>-->
<!--											</ul>-->
<!--										</li>-->
<!--										<li><a href="about.html">about us</a></li>-->
<!--										<li><a href="contact.html">contact</a></li>-->
<!--									</ul>-->
<!--								</nav>-->
<!--							</div>-->
<!--						</div>-->
<!--					</div>-->
<!--				</div>-->
<!--			</div>-->
			<!-- Mobile-menu end -->
			<!-- HEADING-BANNER START -->
			<div class="heading-banner-area overlay-bg">
				<div class="container">
					<div class="row">
						<div class="col-md-12">
							<div class="heading-banner">
								<div class="heading-banner-title">
									<h2>My Account</h2>
								</div>
								<div class="breadcumbs pb-15">
									<ul>
										<li><a href="index.html">主页</a></li>
										<li>我的账户</li>
									</ul>
								</div>
							</div>
						</div>
					</div>
				</div>
			</div>
			<!-- HEADING-BANNER END -->
			<!-- MY-ACCOUNT-AREA START -->
			<div class="my-account-area  pt-80 pb-80">
				<div class="container">	
					<div class="my-account">
						<div class="row">
							<div class="col-md-6">
								<div class="panel-group" id="accordion">
									<div class="panel mb-2">
										<div class="my-account-menu">
											<a data-bs-toggle="collapse" href="#my-info">
											我的个人信息
											</a>
										</div>
										<div id="my-info" class="panel-collapse collapse show" data-bs-parent="#accordion">
											<div class="panel-body">
												<div class="billing-details shop-cart-table">
													<input type="text" placeholder="你的名字">
													<input type="text" placeholder="邮件地址">
													<input type="text" placeholder="电话号">
<!--													<input type="text" placeholder="Company neme here...">-->
													<select class="custom-select mb-15">
														<option>国家</option>
														<option>孟加拉</option>
														<option>美国</option>
														<option>英国</option>
														<option>澳大利亚</option>
														<option>加拿大</option>
													</select>
													<select class="custom-select mb-15">
														<option>状态</option>
														<option>达卡</option>
														<option>纽约</option>
														<option>伦敦</option>
														<option>墨尔本</option>
														<option>渥太华</option>
													</select>
													<select class="custom-select mb-15">
														<option>城镇 / 城市</option>
														<option>达卡</option>
														<option>纽约</option>
														<option>伦敦</option>
														<option>墨尔本</option>
														<option>渥太华</option>
													</select>
													<textarea placeholder="你的地址" class="custom-textarea"></textarea>
												</div>
											</div>
										</div>
									</div>
									<div class="panel mb-2">
										<div class="my-account-menu">
											<a class="collapsed" data-bs-toggle="collapse" href="#my-billing">
											我的账单地址
											</a>
										</div>
										<div id="my-billing" class="panel-collapse collapse" data-bs-parent="#accordion">
											<div class="panel-body">
												<div class="billing-details shop-cart-table">
													<input type="text" placeholder="你的名字">
													<input type="text" placeholder="邮件地址">
													<input type="text" placeholder="电话号">
<!--													<input type="text" placeholder="Company neme here...">-->
													<select class="custom-select mb-15">
														<option>国家</option>
														<option>孟加拉</option>
														<option>美国</option>
														<option>英国</option>
														<option>澳大利亚</option>
														<option>加拿大</option>
													</select>
													<select class="custom-select mb-15">
														<option>状态</option>
														<option>达卡</option>
														<option>纽约</option>
														<option>伦敦</option>
														<option>墨尔本</option>
														<option>渥太华</option>
													</select>
													<select class="custom-select mb-15">
														<option>城镇 / 城市</option>
														<option>达卡</option>
														<option>纽约</option>
														<option>伦敦</option>
														<option>墨尔本</option>
														<option>渥太华</option>
													</select>
													<textarea placeholder="你的地址" class="custom-textarea"></textarea>
												</div>
											</div>
										</div>
									</div>
									<div class="panel mb-2 mb-md-0">
										<div class="my-account-menu">
											<a class="collapsed" data-bs-toggle="collapse" href="#my-order">
											历史订单和详细信息
											</a>
										</div>
										<div id="my-order" class="panel-collapse collapse" data-bs-parent="#accordion">
											<div class="panel-body">
												<div class="our-order payment-details shop-cart-table">
													<table>
														<thead>
															<tr>
																<th><strong>商品</strong></th>
																<th class="text-end"><strong>总数</strong></th>
															</tr>
														</thead>

<!--														TODO 考虑传一下历史订单？-->
														<tbody>
															<tr>
																<td>Dummy Product Name  x 2</td>
																<td class="text-end">$86.00</td>
															</tr>
															<tr>
																<td>Dummy Product Name  x 1</td>
																<td class="text-end">$69.00</td>
															</tr>
															<tr>
																<td>Cart Subtotal</td>
																<td class="text-end">$155.00</td>
															</tr>
															<tr>
																<td>Shipping and Handing</td>
																<td class="text-end">$15.00</td>
															</tr>
															<tr>
																<td>Vat</td>
																<td class="text-end">$00.00</td>
															</tr>
															<tr>
																<td>Order Total</td>
																<td class="text-end">$170.00</td>
															</tr>
														</tbody>

													</table>
												</div>
											</div>
										</div>
									</div>					
								</div>
							</div>
							<div class="col-md-6">
								<div class="panel-group" id="accordion-2">
									<div class="panel mb-2">
										<div class="my-account-menu">
											<a data-bs-toggle="collapse" href="#my-payment-method">
											我的付款方式
											</a>
										</div>
										<div id="my-payment-method" class="panel-collapse collapse show" data-bs-parent="#accordion-2">
											<div class="panel-body">
												<div class="payment-method  shop-cart-table">
													<div class="payment-accordion">
														<!-- Accordion start  -->
														<h3 class="payment-accordion-toggle active">直接银行转账</h3>
														<div class="payment-content default">
															<p>把你的付款直接打入我们的银行账户。请使用您的订单ID作为付款参考。
																你的订单将不会被运送，直到资金已经在我们的帐户上结清。</p>
														</div> 
														<!-- Accordion end -->
														<!-- Accordion start -->
														<h3 class="payment-accordion-toggle">支票支付</h3>
														<div class="payment-content">
															<p>请将支票寄到商店名称、商店街道、商店城镇、商店州
																/ 县，商店邮政编码。</p>
														</div>
														<!-- Accordion end -->
														<!-- Accordion start -->
														<h3 class="payment-accordion-toggle">PayPal</h3>
														<div class="payment-content">
															<p>通过PayPal支付；如果你没有PayPal账户，你可以用信用卡支付。</p>
															<a href="https://wx.qq.com/"><img alt="" src="assets/picture/1.png"></a>
															<a href="https://wx.qq.com/"><img alt="" src="assets/picture/2.png"></a>
															<a href="https://wx.qq.com/"><img alt="" src="assets/picture/3.png"></a>
															<a href="https://wx.qq.com/"><img alt="" src="assets/picture/4.png"></a>
														</div>
														<!-- Accordion end --> 
														<button type="submit" data-text="place order" class="button-one submit-button mt-15">订购</button>
													</div>															
												</div>
											</div>
										</div>
									</div>
									<div class="panel">
										<div class="my-account-menu my-account-menu-2">
											<a href="wishlist.html">
											我的愿望清单
											</a>
										</div>
									</div>
								</div>								
							</div>
						</div>
					</div>
				</div>
			</div>
			<!-- MY-ACCOUNT-CART-AREA END -->
			<!-- FOOTER START -->
			<footer>
				<!-- Footer-area start -->
				<div class="footer-area footer-2">
                    <div class="container">
                        <div class="row">
                            <div class="col-lg-4 col-md-6">
                                <div class="single-footer">
                                    <h3 class="footer-title  title-border">联系我们</h3>
                                    <ul class="footer-contact">
<!--										TODO-->
                                        <li><span>地址 :</span>传地址,<br>国家名城市名</li>
                                        <li><span>移动电话 :</span>012 345 678 0123</li>
                                        <li><span>邮件 :</span>传</li>
                                    </ul>
                                </div>
                            </div>
                            <div class="col-lg-2 col-md-3 col-sm-6">
                                <div class="single-footer">
                                    <h3 class="footer-title  title-border">账目</h3>
                                    <ul class="footer-menu">
                                        <li><a href=""><i class="zmdi zmdi-dot-circle"></i>我的账目</a></li>
                                        <li><a href="wishlist.html"><i class="zmdi zmdi-dot-circle"></i>我的愿望清单</a></li>
                                        <li><a href="cart.html"><i class="zmdi zmdi-dot-circle"></i>我的购物车</a></li>
                                        <li><a href="login.html"><i class="zmdi zmdi-dot-circle"></i>登录</a></li>
                                        <li><a href="checkout.html"><i class="zmdi zmdi-dot-circle"></i>Check out</a></li>
                                    </ul>
                                </div>
                            </div>
                            <div class="col-lg-2 col-md-3 col-sm-6">
                                <div class="single-footer">
                                    <h3 class="footer-title  title-border">商品</h3>
                                    <ul class="footer-menu">
                                        <li><a href="#"><i class="zmdi zmdi-dot-circle"></i>新商品</a></li>
                                        <li><a href="#"><i class="zmdi zmdi-dot-circle"></i>畅销商品</a></li>
                                        <li><a href="#"><i class="zmdi zmdi-dot-circle"></i>制造商</a></li>
                                        <li><a href="#"><i class="zmdi zmdi-dot-circle"></i>供应商</a></li>
                                        <li><a href="#"><i class="zmdi zmdi-dot-circle"></i>特价</a></li>
                                    </ul>
                                </div>
                            </div>
                            <div class="col-lg-4 col-md-6">
                                <div class="single-footer newsletter-item">
                                    <h3 class="footer-title  title-border">电子邮件简讯</h3>
                                    <div class="footer-subscribe">
                                        <form action="javascript:;">
                                            <input type="text" name="email" placeholder="Email Address...">
                                            <button class="button-one submit-btn-4" type="submit"
													data-text="Subscribe">订阅</button>
                                        </form>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
				<!-- Footer-area end -->
				<!-- Copyright-area start -->
				<div class="copyright-area copyright-2">
					<div class="container">
						<div class="row">
							<div class="col-md-6">
								<div class="copyright">
									<p class="mb-0">&copy; 2025. </p>
								</div>
							</div>
							<div class="col-md-6">
								<div class="payment  text-md-end">
									<a href="https://wx.qq.com/"><img src="assets/picture/1.png" alt=""></a>
									<a href="https://wx.qq.com/"><img src="assets/picture/2.png" alt=""></a>
									<a href="https://wx.qq.com/"><img src="assets/picture/3.png" alt=""></a>
									<a href="https://wx.qq.com/"><img src="assets/picture/4.png" alt=""></a>
								</div>
							</div>
						</div>
					</div>
				</div>
				<!-- Copyright-area start -->
			</footer>
			<!-- FOOTER END -->
			<!-- QUICKVIEW PRODUCT -->
			<div id="quickview-wrapper">
			   <!-- Modal -->
<!--			   <div class="modal fade" id="productModal" tabindex="-1" role="dialog">-->
<!--					<div class="modal-dialog" role="document">-->
<!--						<div class="modal-content">-->
<!--							<div class="modal-header">-->
<!--								<button type="button" class="close" data-bs-dismiss="modal" aria-label="Close">-->
<!--									<span aria-hidden="true">&times;</span></button>-->
<!--							</div>-->
<!--							<div class="modal-body">-->
<!--								<div class="modal-product">-->
<!--									<div class="product-images">-->
<!--										<div class="main-image images">-->
<!--											<img alt="#" src="assets/picture/quickview-photo.jpg">-->
<!--										</div>-->
<!--									</div>&lt;!&ndash; .product-images &ndash;&gt;-->

<!--									<div class="product-info">-->
<!--										<h1>Aenean eu tristique</h1>-->
<!--										<div class="price-box-3">-->
<!--											<hr>-->
<!--											<div class="s-price-box">-->
<!--												<span class="new-price">$160.00</span>-->
<!--												<span class="old-price">$190.00</span>-->
<!--											</div>-->
<!--											<hr>-->
<!--										</div>-->
<!--										<a href="shop.html" class="see-all">See all features</a>-->
<!--										<div class="quick-add-to-cart">-->
<!--											<form method="post" class="cart">-->
<!--												<div class="numbers-row">-->
<!--													<input type="number" id="french-hens" value="3" min="1">-->
<!--												</div>-->
<!--												<button class="single_add_to_cart_button" type="submit">Add to cart</button>-->
<!--											</form>-->
<!--										</div>-->
<!--										<div class="quick-desc">-->
<!--											Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam fringilla augue nec est tristique auctor. Donec non est at libero.-->
<!--										</div>-->
<!--										<div class="social-sharing">-->
<!--											<div class="widget widget_socialsharing_widget">-->
<!--												<h3 class="widget-title-modal">Share this product</h3>-->
<!--												<ul class="social-icons">-->
<!--													<li><a target="_blank" title="Google +" href="#" class="gplus social-icon"><i class="zmdi zmdi-google-plus"></i></a></li>-->
<!--													<li><a target="_blank" title="Twitter" href="#" class="twitter social-icon"><i class="zmdi zmdi-twitter"></i></a></li>-->
<!--													<li><a target="_blank" title="Facebook" href="#" class="facebook social-icon"><i class="zmdi zmdi-facebook"></i></a></li>-->
<!--													<li><a target="_blank" title="LinkedIn" href="#" class="linkedin social-icon"><i class="zmdi zmdi-linkedin"></i></a></li>-->
<!--												</ul>-->
<!--											</div>-->
<!--										</div>-->
<!--									</div>&lt;!&ndash; .product-info &ndash;&gt;-->
<!--								</div>&lt;!&ndash; .modal-product &ndash;&gt;-->
<!--							</div>&lt;!&ndash; .modal-body &ndash;&gt;-->
<!--						</div>&lt;!&ndash; .modal-content &ndash;&gt;-->
<!--					</div>&lt;!&ndash; .modal-dialog &ndash;&gt;-->
<!--			   </div>-->
			   <!-- END Modal -->
			</div>
			<!-- END QUICKVIEW PRODUCT -->	
			
		</div>
		<!-- WRAPPER END -->

		<!-- all js here -->
		<!-- jquery latest version -->
		<script src="assets/js/jquery-3.6.0.min.js"></script>
		<script src="assets/js/jquery-migrate-3.3.2.min.js"></script>
		<!-- bootstrap js -->
		<script src="assets/js/bootstrap.bundle.min.js"></script>
		<!-- jquery.meanmenu js -->
		<script src="assets/js/jquery.meanmenu.js"></script>
		<!-- slick.min js -->
		<script src="assets/js/slick.min.js"></script>
		<!-- jquery.treeview js -->
		<script src="assets/js/jquery.treeview.js"></script>
		<!-- lightbox.min js -->
		<script src="assets/js/lightbox.min.js"></script>
		<!-- jquery-ui js -->
		<script src="assets/js/jquery-ui.min.js"></script>
		<!-- jquery.nivo.slider js -->
		<script src="assets/js/jquery.nivo.slider.js"></script>
		<script src="assets/js/home.js"></script>
		<!-- jquery.nicescroll.min js -->
		<script src="assets/js/jquery.nicescroll.min.js"></script>
		<!-- countdon.min js -->
		<script src="assets/js/countdon.min.js"></script>
		<!-- wow js -->
		<script src="assets/js/wow.min.js"></script>
		<!-- plugins js -->
		<script src="assets/js/plugins.js"></script>
		<!-- main js -->
		<script src="assets/js/main.min.js"></script>
	</body>
</html>
